
.mag-host {
    position: relative;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.mag-zoomed-container {
    position: absolute;
    /*position: relative;*/
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

.mag-zoomed-container > * {
    position: absolute;
}

.mag-noflow {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
}

.mag-noflow > * {
    position: absolute;
}

.mag-zoomed {
    /* under .mag-noflow > * */
    /*position: absolute;*/
}

.mag-zoomed img {
    display: block;
    width: 100%;
    height: 100%;
}

.mag-zone {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.mag-thumb {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

[mag-thumb] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.mag-lens {
    position: absolute;
    z-index: 2;
}

[mag-zoom] {
    display: none;
}

.mag-js [mag-zoom][mag-toggle="false"] {
    display: block;
}

[mag-flow="inline"] {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
}
[mag-flow="inline"] .mag-thumb {
    position: relative;
}
#content{
border:1px solid #CDB79E;width:90%;margin: auto;min-height: 500px;
}
.btns{
height: 55px;width: 180px;color:#fff;font-size: 20px;background:#FF7F00;
border:2px solid #FFA07A;margin-top:60px;
}
.btns:hover{
background: #FF6347;
}
.numplus{
margin:40px 0 0 20px;color:#999999;
}
.numplus:hover{
cursor:pointer;color:#030303;
}
.colortype{
display: inline;width: 80px;height:40px;border: 1px solid #CDC9C9;background: #CDC0B0;
color:#FFF;margin:20px 0 0 10px;text-align:center;padding-top: 6px;cursor:pointer;

}
#titleRight{
position: absolute;left:550px;top:20px;width: 550px;height: 550px;

}
#minimg{
height: 90px;position: absolute;top:450px;left:49px
}
#minimg img{
border: 2px solid #EEE5DE;
}
#minimg img:hover{
cursor:pointer;
}
#big{
width:400px;height: 400px;float: right;position:absolute;
overflow:hidden;z-index: 999;top:20px;left:430px;
}
#succes{
width:400px;height:400px;position: absolute;top:20px;left:20px;z-index:9;

}
#succes:hover{
cursor:crosshair;
}
#title {
	height: 550px;
	width: 90%;
	margin: 0 auto;
}

#title div {
	float: left;
}

#toplogo div {
	text-align: center;
	float: left;
}

#topdiv div {
	text-align: center;
	display:inline-block;
	margin-top: 10px;
}

body, div, form, ul, li, span, img, a {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

a {
	color: #FF8C00;
	text-decoration: none;
}

a:hover {
	color: #FF6347;
	text-decoration: none;
}
#data{
	width: 120px;height: 40px;border-right: 1px solid #CDB79E;
	float:left;color:#FF0000;background: #fff;text-align: center;
	padding-top:10px;font-weight: 550;cursor:pointer;
}
#parameter{
width: 120px;height: 40px;border-bottom: 1px solid #CDB79E;border-right: 1px solid #CDB79E;
float:left;text-align: center;padding-top:10px;font-weight: 550;cursor:pointer;
}
#login{
	width: 400px;height: 250px;
		border:2px solid #FFEBCD;position: fixed;;left:520px;top:260px;z-index: 999;
		background: #FFA500;display: none;
}
#login span{
	color:#fff;font-size: 17px;
}